<!DOCTYPE html>
<html>
<head>
    <title>后台管理系统</title>
	<meta charset="UTF-8">
   <link rel="stylesheet" type="text/css" href="__ROOT__/Css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="__ROOT__/Css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="__ROOT__/Css/style.css" />
    <script type="text/javascript" src="__ROOT__/Js/jquery.js"></script>
    <script type="text/javascript" src="__ROOT__/Js/bootstrap.js"></script>
    <style type="text/css">
        body {
            padding-top: 40px;
            padding-bottom: 40px;
            background-color: #f5f5f5;
        }

        .form-signin {
            max-width: 300px;
            padding: 19px 29px 29px;
            margin: 0 auto 20px;
            background-color: #fff;
            border: 1px solid #e5e5e5;
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
            box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
        }

        .form-signin .form-signin-heading,
        .form-signin .checkbox {
            margin-bottom: 10px;
        }

        .form-signin input[type="text"],
        .form-signin input[type="password"] {
            font-size: 16px;
            height: auto;
            margin-bottom: 15px;
            padding: 7px 9px;
        }

    </style>  
</head>
<body>
<div class="container">

    <form class="form-signin" method="post" action="" id="form_login">
        <h2 class="form-signin-heading">登录系统</h2>
        <input type="text" name="name" class="input-block-level" placeholder="账号">
        <input type="password" name="password" class="input-block-level" placeholder="密码">
        <input type="hidden" name="token" value="{$token}">
        <p style="color: red;display: none;" id="error_msg"></p>
       
        <p><button class="btn btn-large btn-primary" type="button" onclick="javascript:login()">登录</button></p>
    </form>
<script type="text/javascript">
        function login(){
            url = "{:U('Home/User/Login')}";
            data = $("#form_login").serialize();

            $.post(
                    url,
                    data,
                    function(xhr){
                        console.log(xhr);
                        if(1 == xhr.status){
                            location.href = history.go(-2);
                        }else{
                            $("#error_msg").text(xhr.msg);
                            $("#error_msg").css('display','block');
                        }
                    }
            );
        }
</script>
</div>
</body>
</html>